import {createContext, useContext} from 'react';
import store from './index'
// 以store为初始化的值，创建 一个context对象 。对象有Provider, Consumer两个组件：
export const MyContext = createContext(store)

// 自定义的hooks:
export const useStore = ()=>{
  const store= useContext(MyContext)  // 获取 <MyContext.Provider value={store}>提供的数据。
  if(!store) throw Error('no Store')
  // console.log(store);  // {count, doctorList, userInfo,...}
  return  store;
}


// mobx-react中的Provider组件，类似的写法：
const Provider = ({children}) => {
  return (
    <div>
      <MyContext.Provider value={store}>
        {children}
      </MyContext.Provider>
      
    </div>
  );
}

export default Provider;
